/*-------------------
  EHS管理系统
  2011-02-21
-------------------*/

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea { font-size: 12px; font-family: Tahoma, Geneva, sans-serif; }
button { cursor: pointer; }
table{border-collapse:collapse;}
i, em, cite { font-style: normal; }

a, a:link { color: #222; text-decoration: none; }
a:visited {  }
a:active, a:hover { text-decoration: underline; }

a:focus { outline: none; }

.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }

.more { float: right; }
.more a { font-weight: normal; font-size: 12px; }

.fl, .fr { display: inline; float: left; }
.fr { float: right; }

/*- Reset CSS -----------------------*/
body {
	background:#0F7DD4;  
}
#header{
	height:113px;
	width:100%;
	background:url(../images/bg-header.png) repeat-x; 
	position:relative;
}

/*- Mode Help -----------------------*/

#help{
	float:right; 
	height:63px;
	overflow:hidden;
}
#help ul li{
	background:url(../images/line.png) repeat-y; 
	float:left; 
}
#help ul li a{
	display:block;
	width:69px;
	height:63px; 
	text-align:center; 
	font-size:14px;
	font-weight:bold;
	line-height:100px; 
}
#header a:link, #header a:visited{
	color:#fff; 
	text-decoration:none; 
}
#header a:hover{
	color:#fff; 
	text-decoration:underline; 
}
#header a:active{
	color:#fff; 
	text-decoration:none; 
}
.icon-document, .icon-check, .icon-help{
	background:url(../images/icon-document.gif) no-repeat 18px 9px; 
}
.icon-check{
	background-image:url(../images/icon-check.gif);	
}
.icon-help{
	background-image:url(../images/icon-help.gif);	
}

/*- Mode Help -----------------------*/


#logo{
	padding:7px 0 0 16px; 
}

/*- Mode Main-nav -----------------------*/
#main-nav{
	position:absolute;
	top:65px;
}
#main-nav ul li{
	background:url(../images/line.png) repeat-y right top; 
	float:left; 	
}
#main-nav ul li a{
	display:block;
	_display:inline-block;
	font-size:14px;
	font-weight:bold;
	margin:0 15px;
	height:47px;
	line-height:47px;
	padding-left:40px;
}

.icon-news, .icon-law, .icon-data, 
.icon-bbs, .icon-train, .icon-ehs, .icon-d-ehs{
	background:url(../images/icon-news.gif) no-repeat 0 9px; 	
}
.icon-law{
	background-image:url(../images/icon-law.gif);	
}
.icon-data{
	background-image:url(../images/icon-data.gif);	
}
.icon-bbs{
	background-image:url(../images/icon-bbs.gif);	
}
.icon-train{
	background-image:url(../images/icon-train.gif);	
}
.icon-ehs{
	background-image:url(../images/icon-ehs.gif);	
}
.icon-d-ehs{
	background-image:url(../images/icon-d-ehs.gif);	
}

/*- End Mode Main-nav -----------------------*/

/*- Sidebar -----------------------*/
#sidebar{
	float:left;
	background:#fff; 
	overflow:hidden;
	width:100%;
}
.tab .tab-title{
	height:34px;
	line-height:34px;
	font-size:14px;
	font-weight:bold;
	background:url(../images/bg-tab.png) repeat-x; 
}
.tab .tab-title li{
	float:left;
	width:32.5%;
	text-align:center;
	border-left:1px solid #d8d8d8; 
}
.tab-cont h2 a:link, .tab-cont h2 a:visited{ color:#00528e; text-decoration:none;  }
.tab-cont h2 a:hover{color:#00528e; text-decoration:underline;}
.tab-cont h2 a:active{color:#00528e; text-decoration:none;}

#category h2{
	font-size:14px;
}
#category h2 a{
	display:block;
	background:url(../images/bg-cate.png) repeat-x;
	height:32px;
	line-height:32px;
	padding-left:20px;
}
#category ul{
	border-top:1px solid #e1e1e1;
	margin-bottom:25px;
}
#category ul li{
	padding:6px 0;
	border-bottom:1px dotted #DDD; 
	margin-left:25px;
}

/*- main-cont -----------------------*/
#list-news-index{
	background:#fff url(../images/bg-cont.png) repeat-x left bottom; 
	padding-bottom:10px;
}
.grid{
	width:100%; 
}
.grid thead td{
	background:url(../images/bg-tab.png) repeat-x;
	height:34px;
	line-height:34px; 
	padding:0 10px;
	font-size:14px;
	font-weight:bold;
	color:#333; 
}
.grid tbody td{
	padding:4px 10px; 
	font-size:12px;
	border-bottom:1px dotted #DDD; 
}
.grid tbody td a:link, .grid tbody td a:visited{ color:#00528e; text-decoration:none;   }
.grid tbody td a:hover{color:#f60; text-decoration:underline; }
.grid tbody td a:active{color:#00528e; text-decoration:none; }

#reader-warp-index{
	background:url(../images/bg-cont.png) repeat-x left bottom; 
}


#reader-toolbar{
	height:38px;
	background:url(../images/bg-toolbar.png) repeat-x; 
	width:100%; 
	*width:98.5%; 
}
#reader-toolbar li{
	float:left; 
}
#reader-toolbar li a{
	display:block;
	width:32px;
	height:38px;
	margin:0 8px;
	text-indent:-9999em;
}

#reader-cont{
	background:#fff; 
}
.icon-new, .icon-save2, .icon-pre, .icon-next, .icon-refresh, .icon-close, .icon-pre-info, .icon-next-info, .icon-collect, .icon-link, .icon-set, .icon-sreach{
	background:url(../images/icon-new.gif) no-repeat 0 5px; 	
}
.icon-law{
	background-image:url(../images/icon-law.gif);	
}
.icon-save2{
	background-image:url(../images/icon-save.gif);	
}
.icon-pre{
	background-image:url(../images/icon-pre.gif);	
}
.icon-next{
	background-image:url(../images/icon-next.gif);	
}
.icon-refresh{
	background-image:url(../images/icon-refresh.gif);	
}
.icon-close{
	background-image:url(../images/icon-close.gif);	
}
.icon-pre-info{
	background-image:url(../images/icon-pre-info.gif);	
}
.icon-next-info{
	background-image:url(../images/icon-next-info.gif);	
}
.icon-collect{
	background-image:url(../images/icon-collect.gif);	
}
.icon-link{
	background-image:url(../images/icon-link.gif);	
}
.icon-set{
	background-image:url(../images/icon-set.gif);	
}
.icon-sreach{
	background-image:url(../images/icon-sreach.gif);	
}

/*- articla -----------------------*/

#message{
	float:right; 
	padding:15px 20px 0 0;
}
#message li{
	float:left; 
	border-right:1px solid #DDD;
	padding:0 6px; 
}
#message li a:link, #message li a:visited{ color:#00528e; text-decoration:none;   }
#message li a:hover{color:#f60; text-decoration:underline; }
#message li a:active{color:#00528e; text-decoration:none; }

#article{
	padding-top:45px;
}
.article-cont{
	padding:15px;
}
.article-cont p{
	text-indent:2em;
	line-height:1.8em; 
	text-align:left;
}
.article-title{
	border-bottom:3px solid #DDD;
	padding-bottom:10px;
	margin:0 15px;
}
.article-title h2{
	font-family:"Microsoft YaHei","黑体";
	font-size:24px;
	padding-bottom:10px; 
	text-align:center; 
}
.article-info{
	text-align:center; 
	color:#999; 
}
.tab .tab-title .now{
	background:url(../images/bg-tab-cur.png) repeat-x; 	
}
.tab .tab-title .now a:link, .tab .tab-title .now a:visited{
	color:#f60;
	text-decoration:none; 
}
.tab .tab-title .now a:hover{
	color:#f60;
	text-decoration:underline; 
}
.tab .tab-title .now a:active{
	color:#f60;
	text-decoration:none; 
}
.block{
	display:block;
}
.none{
	display:none;
}
#category h2{
	position:relative;
}
#category h2 span{
	position:absolute;
	right:2px;
	margin-right:10px;
	height:32px;
	width:32px;
	background:url(../images/down.gif) no-repeat; 
	cursor:pointer;
	line-height:16px; 
}
#category h2 span.down{
	height:32px;
	width:32px;
	background:url(../images/up.gif) no-repeat; 
}


